@charset "utf-8";
/* CSS Document */
.mainbox{ padding-top: 20px; /*overflow: hidden;*/}
/*图片轮播*/
.flash{ height:260px; width: 393px;margin-right: 20px;overflow:hidden;}
.ind-flashlb{ width: 100%; height: 100%; position:relative; }
.ind-flashlb .flash-pic,.ind-flashlb .flash-pic ul,.ind-flashlb .flash-pic li,.ind-flashlb .flash-pic img,.ind-flashlb .flash-pic a{height:100% !important; width: 100% !important; }
.ind-flashlb .flash-pic{ position:relative; z-index:0;}
.ind-flashlb .flash-pic li{ zoom:1; vertical-align:middle;}
.ind-flashlb .flash-pic a{display:block; color: #fff; position: relative;}
.ind-flashlb .flash-pic img{display:block;width: 100%;max-width:100%;height:100%;margin: 0 auto}
.ind-flashlb .flash-pic .title,.ind-flashlb .flash-pic .img_title{display:block;height:32px;line-height:32px;padding:0 100px 0 10px;font-size:16px;background:rgba(0,0,0,0.5) !important;overflow:hidden; white-space: nowrap; text-overflow: ellipsis; position: absolute; left: 0; right: 0; bottom: 0; color: #fff!important;}
.ind-flashlb .flash-pic a:hover .title,.ind-flashlb .flash-pic a:hover .img_title{color:#fff;}
.ind-flashlb .flash-num{height:10px;overflow:hidden;position:absolute;right:0px;bottom:11px;z-index:1;}
.ind-flashlb .flash-num ul{overflow:hidden;zoom:1;float:left;}
.ind-flashlb .flash-num ul li{float:left;margin-right:12px;width:10px;height:10px;text-indent:-30em;font-size:0;border:0;background:#fff !important;overflow:hidden;cursor:pointer;border-radius:50%;}
.ind-flashlb .flash-num ul li.on{background:#c50001 !important;}
/*要闻*/
.ywbox{ width: 394px;height: 260px;}
.intab{ height: 44px; background: url("../images/secbg.jpg") bottom repeat-x;}
.intab ul li{ float: left; margin-right: 8px;}
.intab ul li a{ display: block; font-size: 20px; font-weight: bold; padding: 0 10px; height: 44px; line-height: 36px; color: #909090}
.intab ul li.active a{ font-weight: bold;  color: #224b7f; background: url("../images/sec2.jpg") bottom repeat-x;}
.intab1 ul li{ margin-right: 5px;}
.intab1 ul li#last{ margin-right: 0px}
.yw_wz{ padding-top: 10px; height: auto; /*overflow: hidden;*/}
.yw_wz .list li a{ max-width: 310px;}
.tz_wz .list li a{ max-width: 300px;}
/*通知公告*/
.tzggbox{ width: 373px;height: 260px;}
/*立法意见征集*/
.yjzjbox{ height: 45px; background: #f9f9f9; margin: 20px 0 12px; clear: both;}
.yjzjlist{ width: 160px; height: 45px; padding-right: 30px; float: left; text-align: center; background: url("../images/yjzjtit.jpg") right center no-repeat; line-height: 45px;}
.yjzjlist a{ font-size: 20px; color: #fff; font-weight: bold;}
.yjzj_wz{ margin-left: 214px; padding-right: 20px; height: 45px;}
.yjzj_wz ul{ width: 100%; height: 45px!important; overflow: hidden; line-height: 45px; }
.yjzj_wz ul li{ /*background: url("../images/dot.jpg") left center no-repeat; padding-left: 15px;*/ height: 45px; line-height: 45px;  color: #bababa; overflow: hidden; float: left;position: relative;}
.yjzj_wz ul li a{ display: block;font-size: 16px; color: #224b7f; margin:0 130px 0 80px; float: none;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.yjzj_wz ul li .date{float:none;position:absolute;top:0;right:0;padding-left: 20px;padding-right: 20px;}
.yjzj_wz  li .zt{display: block;float: left;width: 70px;height: 32px;line-height: 32px;color: #fff; text-align: center;border-radius: 4px;overflow: hidden;margin-right: 10px; margin-top:6px;}
.yjzj_wz ul li .over{background:#cfcfcf;}
.yjzj_wz ul li .starting{background:#ff8800;}
.yjzj_wz ul li .nostart{background:#CFCFCF;}
/*无障碍开启*/
.wza-on .yjzjbox{height: auto;}
.wza-on .yjzj_wz{height: auto;}
.wza-on .yjzj_wz ul{height: auto !important;}
.wza-on .yjzj_wz ul li{float: none;}
/*列表*/
.listbox{ width: 373px; height: 234px; /*overflow: hidden;*/ padding-bottom: 20px;}
.listline{ width: 20px; height: 220px; margin-top: 7px; border-right:1px solid #f1f1f1; margin-right: 19px;}
.list_wz{ padding-top: 10px; height: auto; /*overflow: hidden;*/}
.list_wz .list li a{ max-width: 295px;}
/*切换内容*/
.qhbox{ padding: 20px 0 30px; background: #f5f5f5; overflow: hidden;}
.ind_content{height:498px;overflow:hidden;}
.ind_content .hd{height:70px;position:relative;z-index:4; margin-bottom: 28px;}
.ind_content .hd ul{margin:auto;width:1130px;}
.ind_content .hd ul li{float:left;width:186px;height:70px;margin:0 20px;position:relative;}
.ind_content .hd ul li span,.ind_content .hd ul li a{display:block;height:70px;line-height:70px;color:#fff;text-align:center;font-size:20px;font-weight:bold;background: #5e82b1;position:relative;z-index:4;cursor: pointer; border-radius: 6px;}
.ind_content .hd ul li span img,.ind_content .hd ul li a img{ vertical-align: middle; margin-right: 10px;}
.ind_content .hd ul li i{display:block;position:absolute;z-index:3;width:14px;height:7px;background:url("../images/qh_hover.png") no-repeat;left:50%;margin-left:-7px;bottom:0px;}
.ind_content .hd ul li.on span,.ind_content .hd ul li.active span,.ind_content .hd ul li.on a,.ind_content .hd ul li.active a{color:#fff;background:#224b7f;}
.ind_content .hd ul li.on i,.ind_content .hd ul li.active i{transition:all 0.3s;bottom:-7px;}
.ind_main{ padding: 20px; background: #fff;}
.ind_box{height:360px;/*overflow:hidden;*/ display: none;}
.ind_box.active{ display: block;}
/*公开*/
.gkbtn{ margin-right: 20px;}
.gkbtn,.gk_tu{ width: 300px;}
.gkbtn ul li{ height: 64px; margin-bottom: 10px;}
.gkbtn ul li:last-child{margin-bottom:0;}
.gkbtn ul li a{ height: 62px; border: 1px solid #c8d2df; padding-left: 52px; text-align: left; font-size: 18px; display: block; line-height: 62px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.gkbtn ul li img{ vertical-align: middle; display: inline-block; margin-right:17px; }
.gkbtn ul li a:hover img{-webkit-transition:-webkit-transform 0.7s ease-out;-moz-transition:-moz-transform 0.7s ease-out;transition:transform 0.7s ease-out;transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);}
.gkbtn ul li a:hover{ color:#224b7f;}
.gk_tu ul li{ margin-bottom: 10px;}
.gk_tu ul li .img_title{ display: none;}
.gkbox{ width: 520px;}
.gkbox .intab ul li{margin-right:0;}
.gkbox .intab ul li a{padding:0 7px 0 8px;}
.gkbox .intab ul li#last a{padding:0;}
/*.gkintab{ height: 46px; background: url("../images/secbg.jpg") bottom repeat-x;}
.gkintab ul li{ float: left;}
.gkintab ul li a{ display: block; font-size: 20px; font-weight: bold; padding: 0 7px 0 8px; height: 46px; line-height: 40px; color: #909090}
.gkintab ul li.active a{ font-weight: bold;  color: #224b7f; background: url("../images/sec2.jpg") bottom repeat-x;}
.gkintab ul li#last a{ padding: 0px;}*/
.gk_wz{ padding-top: 10px; height: auto; /*overflow: hidden;*/}
.gk_wz li{height:32px;line-height:32px;vertical-align:bottom;background:url(../images/dot.jpg) 0 center no-repeat;overflow:hidden;position:relative; font-size: 16px; padding:2px 100px 2px 15px;}
.gk_wz li a.title{display:block;float:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.gk_wz li .nr{float:left;width:auto;white-space:nowrap;max-width:100%;}
.gk_wz li .nr .gl{display:block;float:right;width:auto;max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.gk_wz li .nr .gl .split{padding:0 2px;color:#666;font-size:16px;}
.gk_wz li .nr .gl a{display:inline;color:#ff0000;float:none;}
.gk_wz li .date{display:block;float:none;position:absolute;right:0;top:2px;color:#bababa;white-space:nowrap;}
.gk_wz li a u{display:none;}
/*互动交流*/
.hdconbox{ width: 766px;}
.hdxd_box p,.hdxd_box .li-p{position:absolute;top:0;height: 46px; line-height: 46px; text-align: center;  overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.hdxd_box .p1{position: static;margin-right:354px;}
.hdxd_box .p1 a{ display: block;overflow: hidden;text-overflow: ellipsis; white-space: nowrap; }
.hdxd_box .p2{ width: 219px;right:135px;}
.hdxd_box .p3{position: absolute;top:0;right:0; width: 135px; }
.in_head{ height: 46px;background: #f8f8f9; margin-top: 1px; font-size: 18px; font-weight: bold; color: #909090;position: relative;}
.in_head .p1{ padding-left:60px;text-align: left;}
.in_body{  height: 269px; padding: 4px 0 0; overflow: hidden; font-size:16px; }
.in_body ul li{ height: 53px;border-bottom: 1px solid #ebeef5;position: relative;}
.in_body ul li p,.in_body ul li .li-p{ height: 53px; line-height: 53px;}
.in_body ul li .p1{text-align:left; padding-left: 19px;}
.in_body ul li .p2{ color: #bababa;}
.in_body ul li .p3{ color: #6798d7;}
.in_body ul li .p3 .responseNo{ color:#e21d09}
.hdright{ width: 374px;}
.hdbtn{ height: auto; overflow: hidden;}
.hdbtn ul li{ width: 177px;height: 110px; margin-right: 20px; margin-bottom: 20px; text-align: center; float: left;}
.hdbtn ul li a{ padding-top: 17px; border: 1px solid #e4e4e4; background: #fafafa; font-size: 18px; font-weight: bold; color: #224b7f; line-height: 50px; height: 91px; display: block; border-radius:6px;}
.hdbtn ul li img{ margin: 0 auto; display: block;}
.hdbtn ul li.num2,.hdbtn ul li.num4{ margin-right: 0px;}
.hdbtn ul li a:hover img{-webkit-transition:-webkit-transform 0.7s ease-out;-moz-transition:-moz-transform 0.7s ease-out;transition:transform 0.7s ease-out;transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);}
.hd_tu{ height: 66px; border: 1px solid #e4e4e4; padding: 16px 38px;}
.hd_tu ul li{ float: left;}
.hd_tu ul li a{display: block;}
.hd_tu ul li .img_title{ display: none;}
.hd_tu ul li.num1{ margin-right: 40px; padding-right: 40px; border-right: 1px solid #e4e4e4;}
/*服务*/
.bsbtn{width:300px;}
.bsbtn ul li{ height: 64px; margin-bottom: 10px;}
.bsbtn ul li a{ height: 52px;padding:5px; border: 1px solid #c8d2df;text-align: center; font-size: 18px; display: block; line-height: 52px;}
.bsbtn ul li.num1 a,.bsbtn ul li.num5 a{line-height: 26px;}
.bsbtn ul li a:hover{ color:#224b7f;}
.bs-rbox{width:840px;}
.bs-rbox .list li a{float: none;margin-right:0;}
.bs_wz{height: 252px;padding-top:10px;}
.bssj-tit{font-weight: bold;color:#224b7f;line-height: 36px;}
.bssj-tit a{color:#224b7f;}
.bssj-list{margin-left:92px;overflow: hidden;}
.bssj-list .list li{float: left;width:25%;background-image: none !important;padding:0;}
.bssj-list .list li a{background: url(../images/dot.jpg) no-repeat left center;padding:0 10px 0 15px;}

/*专题专栏*/
.ind_ztimgbox{height:80px;position:relative; margin: 20px 0;}
.ind_ztimgbox .prev,.ind_ztimgbox .next{position:absolute;top:26px;width:15px;height:28px;overflow:hidden;cursor:pointer;background:no-repeat;background-image:url(../images/zt_left.png) !important;z-index:9;}
.ind_ztimgbox .prev{left:-30px;}
.ind_ztimgbox .next{right:-30px; background: right center no-repeat;background-image: url("../images/zt_right.png") !important;}
.ind_ztimglist{position:relative;width:100%;height:80px;overflow:hidden;z-index:8;}
.ind_ztimglist ul li{float:left;width:305px;height:80px;overflow:hidden;}
.ind_ztimglist ul li a{display:block;margin-right:20px;height:60px;line-height:60px;background:#f5f9ff;font-size:18px;color:#224b7f;padding:10px 5px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:0.4s all;cursor:pointer;}
.ind_ztimglist ul li a:hover{ background:#e8f0fb;color:#0d3d7a;}
.ind_ztimglist ul li a img{vertical-align:middle;width:auto;margin-top: -3px;}
.ind_ztimglist ul li a span{padding-left:10px;vertical-align:top;}
.ind_ztimglist ul li a .lang{line-height:30px;white-space:normal;display:inline-block;height:60px;overflow:hidden;}
/*法律服务*/
.ls-flfwlist ul li{ width: 270px; height: 100px;text-align: center; float: left;background: #EDF3FA; margin: 0 26px 27px 0px;}
.ls-flfwlist ul li:nth-of-type(4n){ margin-right: 0px;}
.ls-flfwlist ul li a{ font-size: 20px; line-height: 50px; padding: 25px 10px; display: block;}
.ls-flfwlist ul li img{ display: inline-block; vertical-align: middle; margin-right: 10px;}
.ls-flfwlist ul li a:hover{ font-weight: bold; color:#0d3d7a;}
.ls-flfwlist ul li a:hover img{-webkit-transition:-webkit-transform 0.7s ease-out;-moz-transition:-moz-transform 0.7s ease-out;transition:transform 0.7s ease-out;transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);}
/***主体结束****/
@media (max-width: 1199px) and (min-width: 992px){
    .flash{ width: 360px;}
    .ywbox{ width: 326px;}
    .yw_wz .list li a{max-width: 240px;}
    .tzggbox{ width: 266px;}
    .tz_wz .list li a{max-width: 180px;}
    .intab ul li{ margin-right: 0px;}
    .intab ul li a{ padding: 0 7px;}
    .intab1 ul li a{ padding: 0 2px 0 3px;}
    .listbox{ width: 317px;}
    .listline{ width: 10px; margin-right: 9px;}
    .list_wz .list li a{max-width: 230px;}

    .ind_content .hd ul{width:100%;}
    .ind_content .hd ul li{margin:0 5px;}
    /*公开*/
    .gkbtn{ width: 230px;}
    .gkbtn ul li a{ padding-left: 15px;}
    .gk_tu{ width:260px;}
    .gk_tu img{ width: 100%; height: 52px;}
    .gkbox{ width: 422px;}
    .gkbox .intab ul li a{font-size: 16px;padding:0 6px;}
   /* .gkintab1 ul li a{ font-size: 16px; padding: 0 6px;}*/
    .ind_ztimglist ul li{ width: 337px;}
    /*互动*/
    .hdconbox{ width: 628px;}
    .hdright{ width: 304px;}
    .hdbtn ul li{ width: 142px;}
    .hd_tu{padding: 16px 18px;}
    .hd_tu ul li.num1{margin-right: 20px;padding-right: 20px;}
    .hdxd_box .p2{ width:150px;}
    .hdxd_box .p1{margin-right:285px;}
    /*服务*/
    .bsbtn{width:260px;}
    .bs-rbox{width:672px;}
    /*法律服务*/
    .ls-flfwlist ul li{ width: 223px; margin-right: 20px;}
}
@media (max-width:991px) {
    .mainbox{ height: auto;}
    .flash{ width: 100%; float: none; margin-bottom: 10px; height: 508px;}
    .ywbox,.tzggbox{width: auto;height:auto;float: none;}
    .tzggbox{margin-top:10px;}
    .listline{ display: none;}
    .listbox{ width: 100%; height: auto; padding-bottom: 10px;}
    .ind_content{ height: auto;}
    .ind_content .hd ul li{ width: 143px;}
    .ind_box{ height: auto;}
    .gkbtn{float:none;width: 100%; margin-right: 0px;}
    .gkbox{float:none;width: auto;}
    .gkbox .intab ul li a{padding:0 6px;}
    /*.gkintab1 ul li a{ padding: 0 5px; font-size: 16px;}*/
    .gk_tu{float: none;width:auto;}
    .gk_tu ul li{float:left;width:50%;margin-top: 10px;text-align: center;}
    .ind_ztimglist ul li{ width: 394px;}
    /*互动*/
    .ind_content .hd ul{width:100%;}
    .ind_content .hd ul li{margin:0 5px;}
    .ind_content .hd ul li span img, .ind_content .hd ul li a img{ margin-right: 10px;display: none;}
    .hdconbox,.hdright{ width: 100%; float: none;}
    .hdxd_box .p1{margin-right:316px;}
    .hdxd_box .p2{ width:181px;}
    .in_body{ height: auto; padding: 4px 0 5px;}
    .hdbtn{margin-top:15px;}
    .hdbtn ul li{ width:354px;}
    .hd_tu{ padding: 16px 215px;}
    /*服务*/
    .bsbtn{float:none;width:auto;}
    .bs-rbox{float:none;width:auto;}
    .bs_wz{height: auto;}
    .bssj-tit{float: none;}
    .bssj-list{margin-left:0;}
    /*.bssj-list .list li{float: none;width:auto;}*/
    /*法律服务*/
    .ls-flfwlist ul li{ width:354px; margin-right: 20px; margin-bottom: 20px;}
    .ls-flfwlist ul li:nth-of-type(4n){ margin-right: 20px;}
    .ls-flfwlist ul li:nth-of-type(2n){ margin-right: 0px;}
}
@media (max-width: 767px) {
    .mainbox{ padding: 2% 2% 0;}
    .flash{ height: 360px;}
    .ywbox,.tzggbox{ float: none; width: 100%;}
    .intab{height: auto;}
    .listbox{ width: 96%; padding: 0 2% 10px;}
    .qhbox{ padding: 20px 0px;}
    .ind_content .hd{height: auto;}
    .ind_content .hd ul{ width: 100%;}
    .ind_content .hd ul li{ width: 31.3%; margin: 10px 1% 0;}
    .ind_content .hd ul li.num4,.ind_content .hd ul li.num5{width:48%;}
    .ind_main{ padding: 2%;}
    .gkbox{ width: 100%;}
    .gk_tu ul li{float:none;width:100%;}
    .gk_tu img{ width: 100%; height: auto;}
    .intab ul li{ margin-right: 0px;}
    .ind_ztimgbox{ padding: 0 40px; margin: 10px 0;}
    .ind_ztimgbox .prev{ left: 10px;}
    .ind_ztimgbox .next{right:10px;}
    .ind_ztimglist ul li{ width: 100%;}
    .ind_ztimglist ul li a{ width: auto;margin-right:0;}
    .yjzjbox{height: auto;margin-top:10px;}
    .yjzjlist{float:none;width: 130px;}
    .yjzj_wz{ margin-left: 10px; padding-right: 10px;}
    /*互动*/
    .ind_content .hd ul li span img, .ind_content .hd ul li a img{ display: none;}
    .ind_content .hd ul li.first span,.ind_content .hd ul li.first a{font-size:18px;}
    .hdxd_box .p2{ display: none;}
    .hdxd_box .p3{ width: 120px;}
    .hdxd_box .p1{ margin-right: 120px;}
    .hdbtn{margin-top:10px;}
    .hdbtn ul li{ width: 49%; margin-right: 2%; margin-bottom: 2%;}
    .hd_tu{ padding: 16px 0px; text-align: center;}
    .hd_tu ul li{ float: none; display: inline-block;}
    /*.gkintab ul li a{font-size: 16px;padding: 0 5px;}*/
    /*服务*/
    .bssj-list .list li{width:50%;}
    /*法律服务*/
    .ls-flfwlist ul li{ width:49%; margin-right: 0px; margin-bottom: 10px;}
    .ls-flfwlist ul li:nth-of-type(4n){ margin-right: 0px;}
    .ls-flfwlist ul li:nth-of-type(2n){ margin-right: 0px; float: right;}
}
@media (max-width: 500px) {
    .flash{ height: 280px; }
}
@media (max-width: 413px) {
    .flash{ height: 248px; }
    /*.gkintab1 ul li a{ font-size: 15px; padding: 0 1px 0 2px;}*/
    /*法律服务*/
    .ls-flfwlist ul li{ width:100%; float:none;}
    .ls-flfwlist ul li:nth-of-type(2n){  float: none;}
}
@media (max-width: 374px) {
    .flash{ height: 212px; }
    /*.gkintab1{ height: auto;}
    .gkintab1 ul li a{ font-size: 16px; padding: 0 6px;}*/
    /*.ind_content .hd ul li span,.ind_content .hd ul li a{ height: 50px; padding: 10px 14px; line-height: 25px;}*/
    .intab ul li a{ font-size: 18px; padding: 0 5px;}
    .hd_tu ul li.num1{ margin-right: 20px; padding-right: 20px;}
}
@media (max-width: 359px) {
    /*服务*/
    .bssj-list .list li{float: none;width:auto;}
}